#index {
  color: #d3d6dd;
  background-color: #000000;
  width: 100%;
  height: 100%;

  .bg {
    padding: 0.2rem 0.2rem 0 0.2rem;
    background-image: url("../assets/pageBg.png");
    background-size: cover;
    background-position: center center;
  }

  .host-body {
    position: relative;
    .title {
      position: relative;
      width: 6.25rem;
      text-align: center;
      background-size: cover;
      background-repeat: no-repeat;

      .title-text {
        width: 100%;
        // height: 100%;
        font-size: .416667rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

      }

      .title-bototm {
        position: absolute;
        bottom: -0.083333rem;
        left: 50%;
        transform: translate(-50%);
      }
    }

    // 时间
    .timetext {
      position: absolute;
      right: .166667rem;
      top: .3rem;
      font-size: .25rem;
      color: #ffdb5c
    }
  

    .body-box {
      margin-top: 0.2rem;
      display: grid;
      grid-template-columns: 5fr 4fr;
      height: 12.333333rem;
      //下方区域的布局
      .left-bigbox {
        display: flex;
        flex-direction: column;
        height: 100%;

        .left_top {
          height: 290px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          color: #d3d6d3;

          .left_top1 {
            background: green;
            .titleMv1 {
              height: .416667rem;
              font-size: .3rem;
              line-height: .416667rem;
              text-align: center;
            }
          }
          .left_top2 {
            background: pink;
            .titleMv2 {
              height: .416667rem;
              font-size: .3rem;
              line-height: .416667rem;
              text-align: center;
            }
          }
        }
        .left_middle {
          height: 3.75rem;
          display: grid;
          grid-template-columns: 1fr 1fr;

          .left_middle1 {
            height: 3.75rem;
          }
          .left_middle2 {
            height: 3.75rem;
          }
        }
        .left_bottom {
          height: 3.75rem;
          display: grid;
          grid-template-columns: 1fr 1fr;

          .left_bottom1 {
            height: 3.75rem;
          }
          .left_bottom2 {
            height: 3.75rem;
          }
        }
      }

      // 右边数据
      .right-bigbox {
        display: grid;
        grid-template-rows: 2fr 3fr;
        height: 100%;

        .right_top {
          background: red;
        }
        .right_bottom {
          background: green;
          
        }
      }
    }
  }
}
